<!--
  * 时间：2024/11/14
  * 作者：刘岩
  * 描述：关于
-->
<template>
  <div class="in-regard">
    <banner></banner>
    <div class="container">
      <div class="title">
        <h3>
          <span>走进博筑</span>
        </h3>
      </div>
<!--      <div class="toggle-btn">-->
<!--        <span-->
<!--          :class="{'btn-active': btnType === 1}"-->
<!--          @click="btnType = 1"-->
<!--        >-->
<!--          公司简介-->
<!--        </span>-->
<!--        <span-->
<!--          :class="{'btn-active': btnType === 2}"-->
<!--          @click="btnType = 2"-->
<!--        >-->
<!--          企业文化-->
<!--        </span>-->
<!--      </div>-->
      <div class="text">
        <div>
          <p>
            天津博筑智能科技有限公司成立于2019年，专注于文博行业的<span>智慧化解决方案</span>。公司集软硬件开发、音视频讲解设备、安防系统、导览系统设计与实施于一体。为客户
            提供全面的<span>数字化</span>、<span>智慧化</span>解决方案。其产品广泛应用于博物馆、科技馆、纪念馆、图书馆等<span>多种场馆</span>。涵盖展馆智慧化管理、文物保护、导览讲解和观众服务。
          </p>
          <br>
          <br>
          <p>
            在物联网整体解决方案上，博筑智能凭借多年行业经验，构建了从前端设备到后台管理平台的完整产品生态。公司研发的智能导览系统、文物库藏管理系统、智能展示柜控制系统等产品。
            不仅提升了场馆的数字化管理水平，还与国内众多文博单位和展陈公司建立了合作关系，成功应用于国家博物馆、故宫博物院等多项重点项目。
          </p>
        </div>
      </div>
    </div>
    <my-footer></my-footer>
  </div>
</template>

<script>
export default {
  name: "InRegard",
  data () {
    return {
      btnType: 1 // 状态 1：公司简介，2：企业文化
    }
  }
}
</script>

<style scoped lang="less">
.in-regard {
  width: 100%;
  .container {
    width: 100%;
    background: #282828;
    .title {
      padding: 40px 0 30px 0;
      h3 {
        margin: 0;
        font-size: 26px;
        color: #d3b167;
        font-weight: bold;
        line-height: 37px;
        position: relative;
        span {
          position: relative;
        }
        span::before {
          content: url('@/assets/home/line-left.png');
          position: absolute;
          left: -120px;
          top: 0;
        }
        span::after {
          content: url('@/assets/home/line-right.png');
          position: absolute;
          right: -120px;
          top: 0;
        }
      }
    }
    .toggle-btn {
      span {
        display: inline-block;
        color: #ffffff;
        font-size: 16px;
        padding: 6px 36px;
        margin: 2px 5px;
        background: #2e3134;
        border-radius: 20px;
        line-height: 28px;
        cursor: pointer;
      }
      .btn-active {
        background: #b99340;
      }
    }
    .text {
      width: 1200px;
      margin: 0 auto;
      font-size: 18px;
      color: #ffffff;
      text-align: left;
      padding: 50px 0;
      p {
        line-height: 2;
        text-indent: 36px;
        span {
          font-size: 26px;
          color: #619ce1;
        }
      }
    }
  }
}
</style>
